<template>
  <img alt="Vue logo" src="./assets/logo.png">
  <!-- <HelloWorld msg="Welcome to Your Vue.js App"/> -->
  <div style="width:500px;">
    <videoFlv
        class="video"
        v-for="{ src, id } in videoSrc"
        :key="id"
        :videoSrc="src"
      ></videoFlv>
  </div>
      <!-- <EsayPlayer v-model="videoUrl" :muted="true" ref="easyPlayer" live :reconnection="true"></EsayPlayer> -->
</template>

<script>
// 局部注册
import HelloWorld from './components/HelloWorld.vue'
import videoFlv from './components/flv.vue'

export default {
  name: 'App',
// 局部注册
  components: {
    HelloWorld,
    videoFlv
  },
  data() {
    return {
      videoUrl:'',
      videoSrc: [
        // {
        //   id: 1,
        //   src: 'https://rtmp01open.ys7.com:9188/v3/openlive/F46356030_1_1.flv?expire=1701684528&id=521387760052764672&t=ee344b497b9242d62543c5f9afd4cc8e8722a78a9ed57a87e5407bb64e5ac7d6&ev=100',
        //   //XXX node服务端代码： https://www.aliyundrive.com/s/TgDMfqosdyM
        //   // https://gitee.com/Embrance-T/node_api_server/tree/master/node_flv
        // },
        {
          id: 3,
          src: '',
        },
      ],
    }
  },
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>
